<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>示例</title>
</head>
<body>

    <!-- 使用双大括号(Mustache 语法) "{{}}" 是最基本的文本插值方法, 它会自动将我们双向绑定的数据实时显示出来 -->
    <div id="app">

        <!-- 如果希望现实 {{}} 标签, 使用 v-pre 即可跳过这个元素和它的子元素的编译过程 -->
        <span v-pre>{{ 这里的内容是不会被编译的 }}<a>{{ link }}</a></span>

    </div>

    <script src="https://unpkg.com/vue/dist/vue.min.js"></script>
    <script>

        var app = new Vue({
            el: "#app",
            data: {
                link: "没有被编译"
            }
        });

    </script>

</body>
</html>